<template>
  <div class="app-container home">
    <el-row :gutter="20">

      <!--      <el-col :sm="24" :lg="8" style="padding-left: 20px">-->
      <!--          <h3 style="color: #ffc21f">视频任务</h3>-->
      <!--          <p>上料进度</p>-->
      <!--          <div class="demo-progress">-->
      <!--            <el-progress :text-inside="true" :stroke-width="26" :percentage="handlinfo.upformmart" />-->
      <!--          </div>-->
      <!--          <p>制品进度</p>-->
      <!--          <div class="demo-progress">-->
      <!--            <el-progress :text-inside="true" :stroke-width="26" :percentage="handlinfo.taskVideo" status="success"/>-->
      <!--          </div>-->
      <!--          <p>装载进度</p>-->
      <!--          <div class="demo-progress">-->
      <!--            <el-progress :text-inside="true" :stroke-width="26" :percentage="handlinfo.pack" status="warning" />-->
      <!--          </div>-->
      <!--      </el-col>-->
      <!--      <el-col :sm="24" :lg="8" style="padding-left: 20px">-->
      <!--          <h3 style="color: #ffc21f">米粒数量</h3>-->
      <!--        <p style="color: #FFCC00;font-weight: 600;font-size: 26px">很多很多-->
      <!--          <i style="color: #33FF00;font-weight: 500;font-size: 18px">粒</i></p>-->
      <!--        <p style="font-size: 24px;font-weight: 600">{{ 25000 < 24000 ? "库存告急" : "库存充足" }}</p>-->
      <!--      </el-col>-->
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <!--        <el-card class="update-log">-->
        <!--          <div slot="header" class="clearfix">-->
        <!--            <span>在线支付</span>-->
        <!--          </div>-->
        <!--          <div class="body">-->
        <!--            <img-->
        <!--              src="@/assets/images/pay.png"-->
        <!--              alt="donate"-->
        <!--              width="100%"-->
        <!--            />-->
        <!--            <span style="display: inline-block; height: 30px; line-height: 30px"-->
        <!--            >付款请务必备注<i style="color: #FF0000">充值账号</i>否则无法到账。</span-->
        <!--            >-->
        <!--          </div>-->
        <!--        </el-card>-->
      </el-col>
    </el-row>
    <el-row :gutter="24">
      <el-col :sm="24" :lg="24" style="padding-left: 20px">
        <h2 style="color: #FF0000;font-weight: 600">客户必读</h2>
        <p>请各位务必先阅读客服给各位的<i STYLE="color: #FF0000">《米粒AI使用文档》</i></p>
        <p>
          此处只展示账号和任务信息，<i style="color: #FF0000">建议各位义父与客服咨询最高性价比套餐</i>，目前我们的全部精力都放在了AI训练和服务这一块，套餐业务暂不支持自动办理。如果各位义父觉得我们做的不错
          ，我们非常期待一起共建市场，服务市场。
        </p>
        <!--        <p>-->
        <!--          <el-tag type="danger">点击下面自助选购套餐</el-tag>-->
        <!--        </p>-->
        <p>
          <!--          <el-button-->
          <!--            type="primary"-->
          <!--            size="mini"-->
          <!--            icon="el-icon-cloudy"-->
          <!--            style="margin: 5px;"-->
          <!--            plain-->
          <!--            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')">个人尝鲜套餐</el-button>-->
          <!--          <el-button-->
          <!--            size="mini"-->
          <!--            icon="el-icon-s-home"-->
          <!--            plain-->
          <!--            @click="goTarget('http://ruoyi.vip')">企业基础套餐</el-button>-->
          <!--          <el-button-->
          <!--            size="mini"-->
          <!--            icon="el-icon-s-home"-->
          <!--            plain-->
          <!--            @click="goTarget('http://ruoyi.vip')">企业标准套餐</el-button>-->
          <!--          <el-button-->
          <!--            size="mini"-->
          <!--            icon="el-icon-s-home"-->
          <!--            plain-->
          <!--            @click="goTarget('http://ruoyi.vip')">企业高级套餐</el-button>-->
          <!--          <el-button-->
          <!--            size="mini"-->
          <!--            icon="el-icon-s-home"-->
          <!--            plain-->
          <!--            @click="goTarget('http://ruoyi.vip')">企业旗舰套餐</el-button>-->
        </p>
      </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="24">
      <el-col :sm="24" :lg="12" :md="12" style="padding-left: 20px; line-height: 20px">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <p style="color: #0033FF;font-size: 20px;margin-bottom: 25px">注意事项:</p>
            <p>尊敬的各位义父，目前全球还不具备识别人物头饰的AI，如果您的视频里面人物有复杂的头饰，请务必选择<i
              style="color: #FF0000">脸型与头饰相搭配</i>的模特，举个反面例子（<i style="color:#0033FF">非洲美女模特陪韩国卡哇伊头饰就会有撕裂感</i>）
            </p>
            <p>1、请务必选择与<i style="color: #FF0000">语境的嘴唇相近的模特</i>，举个反面例子（源视频的模特正在<i
              style="color: #FF0000">大声的骂街，选择的模特是卡哇伊那种</i>，就会出现明显的撕裂感）</p>
            <p>视频清晰度务必保证在<i style="color: #FF0000">680P~1080P</i>之间，否则会导致任务处理中断。</p>
            <p>2、单次批量的视频，必须要求<i style="color: #FF0000">源语言、目标语言、字幕、声音、模特、输出内容均一样</i>。</p>
            <p>3、目前暂不支持字幕的字体选择，互联网字体流氓太多，请谅解，我们会在未来几周内上线十种左右字体供大家选择。</p>
            <p>4、所有任务默认是<i style="color: #FF0000">去除所有字幕</i>。</p>
            <p>5、目前语言只支持中文、英文、法文相互转换，其他模型工程师正在加紧训练。</p>
            <p>6、声音与语言地区、模特没直接关系，<i style="color: #FF0000">仅代表音色效果</i>，男模特选择男声，女模特选择女声
            </p>
            <p>
              7、如果出现兼容异常，请下载谷歌浏览器或华为浏览器，谷歌浏览器地址栏输入chrome://flags/#block-insecure-private-network-requests，选择Disabled选项即可</p>
            <p>8、单次视频最多50个。</p>
            <p>10、文件名不能有中文。</p>
            <p>11、视频格式：MP4、AVI、MKV、MOV、FLV、TS、MPG。 如果选择了其他格式文件，<i style="color: #FF0000">首次系统会中断，多次后自动锁定账户，无法解锁</i>，请务必遵守格式标准。
            </p>
          </div>
        </el-card>
      </el-col>
      <el-col :sm="24" :lg="12" style="padding-left: 20px; line-height: 20px">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <p style="color: #0033FF;font-size: 20px;margin-bottom: 15px">我们的优势:</p>
            <p>1、<i style="color: #FF0000;font-weight: 600">全自动：</i>只需要上传视频，选择模特、声音、语言即可自动完成批量视频制作功能。</p>
            <p>2、<i style="color: #FF0000;font-weight: 600">高保真低违和：</i>融合后的人脸保留了替换者人脸身份信息的视觉特征， 而融入被替换者人脸中又无违和感。</p>
            <p>3、<i style="color: #FF0000;font-weight: 600">表情肤色一致性：</i>融合后的人脸最大限度保留被替换者的面目表情、肤色一致性。</p>
            <p>4、<i style="color: #FF0000;font-weight: 600">无割裂感：</i>支持人脸偏侧一定角度，融合后的结果真实稳定。</p>
            <p>5、<i style="color: #FF0000;font-weight: 600">超高清：</i>支持画质补偿、音频降噪服务。</p>
            <p>6、<i style="color: #FF0000;font-weight: 600">反AI算法：</i>规避AI预警阈值，底层编码打乱，电商短视频非人工审查不限流。</p>
            <p>7、<i style="color: #FF0000;font-weight: 600">众多数字人：</i>官方默认提供海外20个模特选择，用户也可以免费创建4个符合自己业务需求的数字人。</p>
            <p>
              8、<i style="color: #FF0000;font-weight: 600">史上最全配：</i>享受全球186个国家的语种配音，产品可以覆盖任意一个国家，并且每个语种提供双性别和多场景，还支持用户自定义数字人声音。</p>
            <p>9、<i style="color: #FF0000;font-weight: 600">不限时长：</i>首批用户和旗舰用户不限时长，可以完全根据自己的产品客户调性制作视频。</p>
            <p>10、<i style="color: #FF0000;font-weight: 600">可横向拓展：</i>例如短剧出海进口、AI教育、AI教育</p>
            <p>
              11、<i style="color: #FF0000;font-weight: 600">良心客服:</i>7X24小时，手把手服务，保姆级教程，如果代理，支持系统部署，分销，技术讲解扶持，二开等等。</p>
          </div>
        </el-card>
      </el-col>
    </el-row>
        <el-row :gutter="24">
          <el-col :sm="24" :lg="24" style="padding-left: 50px">
            <el-row>
              <el-col :span="12">
                <h2>套餐对比</h2>
              </el-col>
            </el-row>
              <el-col :span="8">
                <h4 style="color: #00afff;font-size: 18px">尝鲜套餐</h4>
                <ul>
                  <li>每天两个视频</li>
                  <li>一分钟内</li>
                  <li>实时配音</li>
                  <li>智能字幕</li>
                  <li >补偿清晰度</li>
                  <li >实时翻译</li>
                  <li style="text-decoration: line-through;color: #FF0000">自定义模特</li>
                  <li style="text-decoration: line-through;color: #FF0000">打乱编码</li>
                  <li style="text-decoration: line-through;color: #FF0000">反AI算法</li>
                  <li>音频降噪</li>
                  <li>...</li>
                </ul>
              </el-col>
              <el-col :span="8">
                <h4 style="color: #00afff;font-size: 18px">企业高级套餐</h4>
                <ul>
                  <li>按需制作</li>
                  <li>五分钟长视频</li>
                  <li>实时配音</li>
                  <li>智能字幕</li>
                  <li style="color: #FF6600">超高清晰度</li>
                  <li style="color: #FF6600">智能评审</li>
                  <li>实时翻译</li>
                  <li>自定义模特</li>
                  <li>打乱编码</li>
                  <li>反AI算法</li>
                  <li>音频降噪</li>
                  <li style="color: #FF6600">GPU加速</li>
                  <li style="color: #FF6600">专属客服</li>
                  <li style="color: #FF6600">独立空间</li>
                  <li style="color: #FF6600">剪辑辅助</li>
                  <li>...</li>
                </ul>
              </el-col>
              <el-col :span="8">
                <h4 style="color: #00afff;font-size: 18px">企业旗舰套餐</h4>
                <ul>
                  <li style="color: #33FF00">请联系客服，爽到爆</li>
                  <li style="color: #FF0000">各种定制化服务</li>
                  <li style="color: #33FF00">请直接备注"旗舰套餐"</li>
    <!--              <li style="color: #FF9900">不限时长</li>-->
    <!--              <li>实时配音</li>-->
    <!--              <li>智能字幕</li>-->
    <!--              <li style="color: #FF9900">超高清晰度</li>-->
    <!--              <li>实时翻译</li>-->
    <!--              <li>自定义模特</li>-->
    <!--              <li>打乱编码</li>-->
    <!--              <li>反AI算法</li>-->
    <!--              <li>音频降噪</li>-->
    <!--              <li style="color: #33FF00">GPU加速</li>-->
    <!--              <li style="color: #33FF00">专属客服</li>-->
    <!--              <li style="color: #33FF00">独立空间</li>-->
    <!--              <li style="color: #33FF00">剪辑辅助</li>-->
                  <li>...</li>
                </ul>
              </el-col>
          </el-col>
        </el-row>
    <el-divider/>
    <el-row :gutter="20">
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <span>联系信息</span>
          </div>
          <div class="body">
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.8",
      handlinfo: {
        upformmart: 100,
        taskVideo: 76,
        pack: 0
      }


    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    }
  }
};
</script>

<style scoped lang="scss">

.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }

  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }

  .demo-progress .el-progress--line {
    margin-bottom: 15px;
  }

  .clearfix p {
    margin: 2px 0 0px 0;
  }
}
</style>

